<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="/resources/js/jquery-1.11.1.min.js"></script>
    <script src="/resources/js/self.js"></script>
    <script type="text/javascript" src="/resources/js/md5.js"></script>
    <script type="text/javascript" src="/resources/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="/resources/js/ajaxfileupload.js"></script>
    <script type="text/javascript" src="/resources/js/Util.js"></script>
    <style>
        body{margin:0;	padding:0; font-family:"Microsoft Yahei"; }
        *{ margin:0 ; padding:0;}
        a{ color:#fff; text-decoration:none; font-size:16px; }
        a img{ border:none;}
        .clear{ clear:both;}

        .boxmain{ background: #fff;}

        .lcmain{ width:1000px;  margin:0 auto; padding-top:10px;}
        .lcmain .qyone{ width:250px; height:135px; float:left; background:url(/resources/images/lc_10.jpg) top  center no-repeat; background-size:135px;}
        .lcmain .qyone h1{font-size:16px; margin:0 auto; padding:45px 13px; font-weight:bold; color:#000; width:112px;}
        .lcmain .guantwo{ float:left; width:200px; height:135px; text-align:center; }
        .lcmain .yunshu{float:left; width:260px; height:135px; text-align:center; }
        .lcmain .yunshu p{ float:left; width:260px; color:#000; text-align:center; line-height:32px;}

        .lctwo{ width:1000px; text-align:center;  margin:0 auto; padding-top:30px;}


        .tcnrtwo{ position:absolute; color:#000; top:230px; width:200px;  padding:20px; font-size:15px; line-height:24px; background:#f5f5f5;  border:1px solid #ccc;  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; border-radius:2px; }
        .tcnrtwo h1{ font-size:22px; text-align:center; font-weight:bold; padding-bottom:10px;}

        .rgnrtwo{ position:absolute; color:#000; top:346px; width:200px; margin-left:-60px;  padding:20px; font-size:15px; line-height:24px; background:#f5f5f5;  border:1px solid #ccc;  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; border-radius:2px; }
        .rgnrtwo h1{ font-size:22px; text-align:center; font-weight:bold; padding-bottom:10px;}



        .rengong a .disply, .yunshu a .disply{ display:none;}
        .rengong a:hover .block, .yunshu a:hover .block{ display:block;}

        .lcthr{width:1000px; margin:0 auto; padding-top:10px;}
        .lcthr .left{ float:left; width:44px; position: relative; top: -210px; left: 78px;}
        .lcthr .right{ width: 180px; margin: 0 auto;}

        .lcfour{width: 180px; margin: 0 auto;}
        .lcfive{width:1000px; margin:0 auto; padding-top:10px; height:135px;}
        .lcfive .rengong{ width:135px; float:left;}
        .lcfive .jt{ width:225px; float:left;}
        .lcfive .shenhe{ width:135px; float:left;}

        .lcsix{width:1000px; margin:0 auto; padding-top:10px;}
        .lcsix .left{ float:left; width:135px;}
        .lcsix .right{ float:left; width:135px; margin-left:225px;}

        .lcsev{width:1000px; margin:0 auto; padding-top:10px;}
        .lcsev .left{ float:left; width:135px; margin-left:50px;}
        .lcsev .right{ float:left; width:135px; margin-left:225px;}
    </style>
</head>
<body>
<button onclick="back()" class="btn btn-primary" type="button" style="float: right;margin-right: 20px;">返回</button>
<div class="clear"></div>
<div class="boxmain">
    <div class="lcmain">
        <div class="qyone" style="margin-left:100px; width: 225px;"><h1><span  name="companyName"></span></h1></div>
        <div class="guantwo" style="width:150px;"><img src="/resources/images/lc_05.jpg"></div>
        <div class="yunshu" style="width:190px;">
            <a href="javascript:void(0);" onclick="showTransInfo()">
            <img src="/resources/images/lc_05-02.jpg">
            <p style="width:190px;"><span name="transportCompany">运输公司</span></p>
                <div class="tcnrtwo disply block"><h1>装车</h1>
                    <div >运输车辆:<span name="transportCarInfo"></span>
                    </div>
                    <div >驾驶员:<span name="driverName"></span>
                    </div>
                    <div >押运人:<span name="supercargoName"></span>
                    </div>
                </div>
            </a>
        </div>
        <div class="yunshu" style="width:190px;"><a href ="javascript:void(0);" onclick="showBuyCompany()"><img src="/resources/images/lc_07.jpg">
            <p style="width: 190px;"><span name="buyCompany"></span></p>
            <div class="tcnrtwo disply block">
                <h1>购买单位</h1>
                <div>
                    <span name="buyCompany"></span>
                </div>
            </div>
        </a></div>
        <div class="clear"></div>
    </div>

    <div class="lctwo"><img src="/resources/images/lc_17-06.jpg" style="    height: 155px;
    margin-left: 20px;"></div>

    <div class="lcthr">
        <div class="left"><img src="/resources/images/lc_17.jpg" style="    margin-left: 110px;
    height: 380px;
    margin-top: 25px;"></div>
        <div class="right"><img src="/resources/images/lc_17-07.jpg"></div>
    </div>

    <div class="lcfour"><img src="/resources/images/lc_27.jpg" style="height: 65px; margin-left: 30px;"></div>
    <div class="lcfive" style="margin-top:-10px;">
        <div class="rengong" style="margin-left: 105px;"><a href="javascript:void(0);" onclick="audit()"><img src="/resources/images/lc_21.jpg">
            <!--<div class="rgnrtwo disply block"><h1>人工复审</h1>-->
                <!--装车出现基本情况详细内容随便填，想填多少况详细内容随便填，想填多少填多少况详细内容随便填，想填多少填多少况详细内容随便填，想填多少填多少况详细内容随便填，想填多少填多少就是不知道会不会出现问题，哈哈哈哈-->
            <!--</div>-->
        </a>
            <div class="clear"></div>
        </div>
        <div class="jt" style="width: 128px;"><img src="/resources/images/lc_34.jpg" style="width: 130px;margin-top: 25px;"></div>
        <div class="shenhe yunshu"><a ><img src="/resources/images/lc_20.jpg">
            <div class="tcnrtwo disply block" style="z-index:1000;top:760px;">
                <h1>数据对比</h1>
                <div>
                    申报数值:<span name="amount"></span>
                </div>
                <div>
                    采集数值:<span name="monitorValueLora">无</span>
                </div>
            </div>
        </a>
        </div>
        <div class="clear"></div>
    </div>

    <div class="lcsix">
        <div class="left" style="margin-left: 100px;"><img src="/resources/images/lc_40.jpg"></div>
        <div class="right" style="margin-left: 135px;"><img src="/resources/images/lc_39.jpg"></div>
        <div class="clear"></div>
    </div>


    <div class="lcsev" style="margin-top:-10px;">
        <div class="left" style="margin-left:147px;"><img src="/resources/images/lc_25-14.jpg"></div>
        <div class="right" style="margin-left:134px;"><img src="/resources/images/lc_25.jpg"></div>
        <div class="clear"></div>
    </div>

</div>


<script type="application/javascript">
    var pageData = {};
    $(function () {
        initData();
    });
    function initData(){
        var data = getData();
        if(null2empty(data["id"]) !==""){
            var id = data.id;
            $("input[name='id']").val(id);
            $.ajax({
                url:"/admin/saleOrder/find.do",
                data:{'id':id},
                type:'post',
                dataType:'json',
                success:function(data){
                    console.log(data);
                    pageData = data.data;
                    if(data.success){
                        $("[name='companyName']").html(data.data.company.name);
                        $("[name='buyCompany']").html(data.data.buyCompany.name);
                        $("[name='transportCompany']").html(data.data.transportCompany.name);
                        $("[name='transportCarInfo']").html(data.data.transportCarInfo);
                        $("[name='driverName']").html(data.data.driverName);
                        $("[name='supercargoName']").html(data.data.supercargoName);
                        $("[name='amount']").html(data.data.amount);
                        if(!isNullOrUndefined(data.data.monitorValueLora)) {
                            $("[name='monitorValueLora']").html(data.data.monitorValueLora.calcValue);
                        }
                        $("[name='replyRemark']").html(data.data.replyRemark);

                    }
                }
            });
            $("#account").attr('readonly','readonly');
        }

    }
    function showTransInfo() {
        var id = pageData.id;
        goto("trans_info.html",{"id":id,"back_url":"process.html","back_id":id});
    }
    function showBuyCompany() {
        var id = pageData.buyCompany.id;
        goto("buyCompany_show.html",{"id":id,"back_url":"process.html","back_id":pageData.id});
    }
    function audit() {
        var id = pageData.id;
        goto("sale_order_remark.html",{"id":id,"back_url":"process.html","back_id":id});
    }
    function back() {
        var data = getData();
        if(!isNullOrUndefined(data.back_url)){
            if(!isNullOrUndefined(data.back_id)){
                data["id"] = data.back_id;
                goto(data.back_url,data);
            }else {
                data["id"] = "";
                goto(data.back_url,data);
            }
        }else {
            goto("sale_order_list.html",{"process":data.process,"refuseFlag":data.refuseFlag});
        }

    }
</script>
</body>
</html>